$(document).ready(function(){
    /*Khi trang bắt đầu load, form login sẽ bị ẩn đi*/
    $('.form-login').hide();
    $('.itq-quick-menu').hide();
    /*Khi click vào Tài khoản, form login sẽ hiện lên*/
    $('.itq-nav .itq-wrapper .itq-login span').click(function(e){
        e.stopPropagation();
        $('.form-login').slideToggle();
    });
    $('.itq-nav .itq-wrapper .itq-info-account span').click(function(e){
        e.stopPropagation();
        $('.itq-quick-menu').slideToggle();
    });
    $('.itq-quick-menu').click(function(e){
        e.stopPropagation();
        $('.itq-quick-menu').slideDown();
    });
    $('body').click(function(){
        $('.itq-quick-menu').slideUp();
    });

    $('.form-login').click(function(e){
        e.stopPropagation();
        $('.form-login').slideDown();
    });

    $('body').click(function(){
        $('.form-login').slideUp();
    });
    /*Khi click vào dấu x,form login sẽ biến mất*/
    $('.closeBtn').click(function(e){
        e.stopPropagation();
        $('.form-login').slideUp();
    });
    /*Khi click vào menu,thì sẽ addClass .active*/
    $('.itq-nav .itq-wrapper ul li a').click(function(){
        $('.itq-nav .itq-wrapper ul li a').removeClass('active');
        $(this).addClass('active');
    });






    $('#btnChangePassword').click(function(){
        $("#changePassword").css("display","block");
        $("#btnChangePassword").css("display","none");
    });



    $('.itq-master-wrapper .itq-wrapper .itq-cartBody .leftMenu > ul li a input').click(function(){
        $('.itq-master-wrapper .itq-wrapper .itq-cartBody .leftMenu > ul li a input').removeClass('leftMenuMoveActive');
        $(this).addClass('leftMenuMoveActive');
    });





    $('.leftBtn1').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn1Active');
    });

    $('.leftBtn2').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn2Active');
    });

    $('.leftBtn3').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn3Active');
    });

    $('.leftBtn4').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn4Active');
    });

    $('.leftBtn5').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn5Active');
    });

    $('.leftBtn6').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtn6Active');
    });

    $('.leftBtnExit').click(function(){
        $('.leftBtn1').removeClass('leftBtn1Active');
        $('.leftBtn2').removeClass('leftBtn2Active');
        $('.leftBtn3').removeClass('leftBtn3Active');
        $('.leftBtn4').removeClass('leftBtn4Active');
        $('.leftBtn5').removeClass('leftBtn5Active');
        $('.leftBtn6').removeClass('leftBtn6Active');
        $('.leftBtnExit').removeClass('leftBtnExitActive');
        $(this).addClass('leftBtnExitActive');
    });

    /*Khi click vào nút đăng ký*/
    $("#click").click(function() {
        $.fancybox.open([
            {
                href : '#register',
            }
        ], {
            openEffect : 'elastic',
            openSpeed  : 200,

            closeEffect : 'elastic',
            closeSpeed  : 200,

            closeClick : false,


            helpers : {
                thumbs : {
                    width: 500,
                    height: 200
                }
            }
        });
    });





    $(".buy_now").click(function() {
        $.fancybox.open([
            {
                href : '#confirm',
            }
        ], {
            openEffect : 'elastic',
            openSpeed  : 200,

            closeEffect : 'elastic',
            closeSpeed  : 200,

            closeClick : false,


            helpers : {
                thumbs : {
                    width: 500,
                    height: 200
                }
            }
        });
    });




    $('#tab-2,#tab-3').slideUp(0);

    /*Tab Navigation*/
    $('.itq-master-wrapper .itq-wrapper .tabCol1 .tabBgNew > ul li').click(function(){
        $('.itq-master-wrapper .itq-wrapper .tabCol1 .tabBgNew > ul li').removeClass('tabSelected');
        $(this).addClass('tabSelected');
        $('.article').slideUp();
        var article_show = $(this).attr('title');
        $('#' + article_show).slideDown();
    });

    //$(".box1").hide();
    //$('input[type="radio"]').click(function(){
    //    if($(this).attr("value")=="person"){
    //        $(".box1").hide();
    //    }
    //    if($(this).attr("value")=="business"){
    //        $(".box1").show();
    //    }
    //});





    if ($("#shippingoption_0").is(":checked") == true) {
        $('#BillAddress2').addClass('active');
        $('#BillAddress1').removeClass('active');

    }
    else if ($("#shippingoption_1").is(":checked") == true) {
        $('#BillAddress1').removeClass('active');
        $('#BillAddress2').removeClass('active');
    }
    else if ($("#shippingoption_2").is(":checked") == true) {
        $('#BillAddress1').addClass('active');
        $('#BillAddress2').removeClass('active');
    }


    //--------------------------Radio BillingAddress  ------------------------------
    $("#shippingoption_0").click(function () {
        $('#BillAddress2').addClass('active');
        $('#BillAddress1').removeClass('active');
    });
    $("#shippingoption_1").click(function () {
        $('#BillAddress1').removeClass('active');
        $('#BillAddress2').removeClass('active');
    });
    $("#shippingoption_2").click(function () {
        $('#BillAddress1').addClass('active');
        $('#BillAddress2').removeClass('active');
    });










    if ($("#customer_info_0").is(":checked") == true) {
        $('.box1').removeClass('active');

    }
    else if ($("#customer_info_1").is(":checked") == true) {
        $('.box1').addClass('active');
    }



    $("#customer_info_0").click(function () {
        $('.box1').removeClass('active');
    });
    $("#customer_info_1").click(function () {
        $('.box1').addClass('active');
    });











    if ($("#payment0").is(":checked") == true) {
        $('#pay0').addClass('active');
        $('#pay1').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');

    }
    else if ($("#payment1").is(":checked") == true) {
        $('#pay1').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    }
    else if ($("#payment2").is(":checked") == true) {
        $('#pay2').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    }
    else if ($("#payment3").is(":checked") == true) {
        $('#pay3').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    }
    else if ($("#payment4").is(":checked") == true) {
        $('#pay4').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay5').removeClass('active');
    }


    $("#payment0").click(function () {
        $('#pay0').addClass('active');
        $('#pay1').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    });
    $("#payment1").click(function () {
        $('#pay1').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    });
    $("#payment2").click(function () {
        $('#pay2').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    });
    $("#payment3").click(function () {
        $('#pay3').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay4').removeClass('active');
        $('#pay5').removeClass('active');
    });
    $("#payment4").click(function () {
        $('#pay4').addClass('active');
        $('#pay0').removeClass('active');
        $('#pay1').removeClass('active');
        $('#pay3').removeClass('active');
        $('#pay2').removeClass('active');
        $('#pay5').removeClass('active');
    });














    $('#Priv_qd_content2,#Priv_qd_content3').slideUp(0);

    /*Tab Navigation*/
    $('ul.Priv_qdinh_tabs li a').click(function(){
        $('ul.Priv_qdinh_tabs li a').removeClass('active');
        $(this).addClass('active');
        $('.Priv_qd_content').slideUp();
        var article_show = $(this).attr('title');
        $('#' + article_show).slideDown();
    });




});